<template>
	<el-container>
		<el-header>
			<div class="left-panel" style="font-size: 18px;">
				<div class="titleBox titleBox1">
					扫码接收消息
				</div>
			</div>
			<div class="right-panel"></div>
		</el-header>
		<el-main  class="nopadding" style="padding-top: 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;">
			<el-image v-if="form.url" style="width: 350px; height: 350px;"
					  :src="form.url" :preview-src-list="[form.url]"
			          preview-teleported="true" hide-on-click-modal></el-image>
			<div style="font-size: 26px;font-weight: bold;color: #333333;margin-top: 30px;">扫码关注企禾云公众号，接收系统推送消息</div>
		</el-main>
	</el-container>
</template>

<script>
export default {
	name: '推送二维码',
	components: {

	},
	data() {
		return {
			isSaveing: false,
			//表单数据
			form: {
				url:''
			},
			//验证规则
			rules: {

			},
		}
	},
	mounted() {
		this.setData()
	},
	methods: {
		//表单注入数据
		async setData() {
			var res = await this.$API.setting.pushItem.getWechatQrcode.get({
				site_tag:'saas',
				user_id:this.$TOOL.data.get("USER_INFO").admin_id,
			});
			this.form = res.data
			//可以和上面一样单个注入，也可以像下面一样直接合并进去
			// Object.assign(this.form, data)
		}
	}
}
</script>

<style lang="scss" scoped>
.el-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;

	.el-button {
		width: 150px;
		border-radius: 25px;
		height: 40px;

	}
}
.serviceForm {
	width: 100%;
	height: 100%;
	padding-left: 20px;
}
.titleBox {
	font-size: 18px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	color: #333333;
	border-bottom: 1px solid #E6E6E6;
}

.titleBox1 {
	font-weight: 600;
	color: #4B83F0;
	border: none;
}
</style>
